// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@use '../../m24/vars/lib' as *;
@use './vars' as advars;
@use './mixins' as admixins;

.two-column-intro {
    h2 {
        @include admixins.text-title-xl;
        font-weight: 300;
    }

    p {
        @include admixins.text-body-lg;
    }

    @media #{$mq-md} {
       padding-right: 15%;

        h2 {
            @include admixins.text-title-lg;
        }

        p {
            @include admixins.text-body-lg;
        }
    }

    @media #{$mq-xl} {
       padding-right: 5%;

        h2 {
            @include admixins.text-title-md;
        }

        p {
            @include admixins.text-body-lg;
        }
    }
}

#mza-main .two-column-detail-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;

    .mza-section-subheading {
        @include admixins.text-title-xs;
        margin-bottom: 1rem;
    }

    p {
        @include admixins.text-body-md;
    }
}

.two-column-form {
    input:not([type='checkbox']), textarea {
        width: 100%;
    }

    button {
        margin-top: $spacer-md;
    }
}
